<template>
    <el-form-item label="推广卡片" prop="title">
        <div class="flexbox flexcenter">
            <div class="card_box flexbox flexcenter">
                <img :src="createform.card.car_img" alt="" class="card_img">
                <div class="card_info flex">
                    <div class="card_name">{{createform.card.car_name}}</div>
                    <div class="card_text">{{createform.card.car_tag[0]}}</div>
                </div>
                <span class="card_btn">{{createform.card.car_link}}</span>
            </div>
            <el-link type="primary" :underline="false" style="margin-left:16px" @click="editCardInfo(createform.card,null,2)">更改</el-link>
        </div>
    </el-form-item>
</template>

<script>
export default {
    props: ["createform"],
    name: "",
    data() {
        return {};
    },
    created() {},
    methods: {
        // 更改卡片信息
        editCardInfo(item, index, type) {
            const attr = {
                dialogVsb: true,
                card: item,
                index: index,
                type: type,
            };
            this.$bus.emit("editCardInfo", attr);
        },
    },
    components: {},
};
</script>


<style scoped>
</style>

